<template>
	<el-select v-model="selectValue" placeholder="请选择民族" style="width: 100%">
		<el-option v-for="(item, index) in nationList" :key="index" :label="item.name" :value="item.id"></el-option>
	</el-select>
</template>

<script>
import nationData from './nation';
export default {
	props: {
		value: String
	},
	data() {
		return {
			selectValue: ''
		};
	},
	computed: {
		nationList() {
			return nationData;
		}
	},
	watch: {
		value(val) {
			this.selectValue = val;
		},
		selectValue(val) {
			this.$emit('input', val);
		}
	}
};
</script>

<style scoped></style>
